<!DOCTYPE html>
<meta http-equiv=content-type content="text/html;charset=UTF-8">
<meta charset=utf-8>
<title>DCC GUIv2</title>
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<script>function preventDefault(e) {
    e = e || event,
    e.preventDefault()
  }
  window.addEventListener("dragover", preventDefault, !1),
  window.addEventListener("drop", preventDefault, !1)</script>
<link href=qrc:///assets/plugins/pace/pace-theme-flash.css rel=stylesheet>
<link href=qrc:///assets/plugins/boostrapv3/css/bootstrap.min.css rel=stylesheet>
<link href=qrc:///assets/plugins/jquery-scrollbar/jquery.scrollbar.css rel=stylesheet media=screen>
<link href=qrc:///assets/css/font-awesome.min.css rel=stylesheet>
<link href=qrc:///assets/css/font-awesome-buttons.min.css rel=stylesheet>
<link href=qrc:///assets/plugins/contextMenu/contextMenu.css rel=stylesheet>
<link href=qrc:///assets/css/normalize.css rel=stylesheet>
<link href=qrc:///assets/css/bitcoin.min.css rel=stylesheet>
<link href=qrc:///assets/css/framework.min.css class=main-stylesheet rel=stylesheet>
<link href=qrc:///assets/css/framework-icons.min.css rel=stylesheet>
<link rel=stylesheet href=qrc:///assets/plugins/emojione/assets/css/emojione.min.css media=all>
<body class="fixed-header menu-pin">
  <div class=page-sidebar data-framework=sidebar>
    <div id=appMenu class="sidebar-overlay-slide from-top"></div>
    <div class=sidebar-header>
      <img src=qrc:///assets/img/bitcoin_logo.png alt=logo class=brand data-src=qrc:///assets/img/bitcoin_logo.png width=150 height=60>
      <div class=sidebar-header-controls>
        <button data-toggle-pin=sidebar class="btn btn-link visible-lg-inline" type=button>
          <i class="fa fs-12"></i>
        </button>
      </div>
      <div id=sidebar-header-collapsed class=sidebar-header-collapsed>
        <!-- <img src=qrc:///assets/img/bitcoin_logo.png alt=logo class=brand data-src=qrc:///assets/img/bitcoin_logo.png width=150 height=60 style=min-height:100%;min-width:100%> -->
		</div>
    </div>
    <div class=sidebar-menu>
      <ul class=menu-items id=navitems>
        <li class=m-t-30>
          <a href=#overview>
            <span class="title translate">Overview</span>
            <span class=icon-thumbnail>
              <i class="fa fa-circle-o"></i>
            </span>
          </a>
          <li>
            <a href=#>
              <span class="title translate">Wallet</span>
              <span class=arrow></span>
              <span class=icon-thumbnail>
                <i class="fa fa-user"></i>
              </span>
            </a>
            <ul class=sub-menu>
              <li>
                <a href=#send class=translate>Send
                  <span class=icon-thumbnail>
                    <i class="fa fa-arrow-right"></i></span>
                </a>
                <li>
                  <a href=#receive class=translate>Receive
                    <span class=icon-thumbnail>
                      <i class="fa fa-arrow-left"></i></span>
                  </a>
                  <li>
                    <a href=#transactions class=translate>Transactions
                      <span class=icon-thumbnail>
                        <i class="fa fa-exchange"></i></span>
                    </a>
                    <li>
                      <a href=#addressbook class=translate>Address Book
                        <span class=icon-thumbnail>
                          <i class="fa fa-bars"></i></span>
                      </a>
            </ul>
            <!--
			<li>
              <a href=#market>
                <span class="title translate">Market</span>
                <span class=icon-thumbnail>
                  <i class="fa fa-shopping-cart"></i>
                </span>
              </a>
			  -->
              <li>
			  
                <a href=#messages id=chat-menu-link onclick=scrollMessages()>
                  <span class="title translate">Chat</span>
                  <span class=icon-thumbnail>
                    <i class="fa fa-comment"></i>
                  </span>
                  <span class=details>
                    <span class=user-notifications>
                      <span id=message-count>0</span></span>
                    <span class=translate>Notifications</span></span>
                </a>
                <li>
                  <a href=#options>
                    <span class="title translate">Options</span>
                    <span class=icon-thumbnail>
                      <i class="fa fa-wrench"></i>
                    </span>
                  </a>
                  <li>
                    <a href=#>
                      <span class="title translate">Wallet Management</span>
                      <span class=arrow></span>
                      <span class=icon-thumbnail>
                        <i class="fa fa fa-key"></i>
                      </span>
                    </a>
                    <ul class=sub-menu>
                      <li>
                        <a href=#walletmanagement onclick='$("#walletmanagement-advanced").hide(),$("#key-options").hide(),$("#wizards").show(),gotoWizard("new-key-wizard",0,!0)'>
                          <span class=translate>Add New Wallet</span>
                          <span class=icon-thumbnail>
                            <i class="fa fa-key"></i>
                          </span>
                        </a>
                        <li>
                          <a href=#walletmanagement onclick='$("#walletmanagement-advanced").hide(),$("#key-options").hide(),$("#wizards").show(),gotoWizard("recover-key-wizard",0,!0)'>
                            <span class=translate>Import Wallet</span>
                            <span class=icon-thumbnail>
                              <i class="fa fa-repeat"></i>
                            </span>
                          </a>
                          <li>
                            <a href=#walletmanagement onclick='$("#key-options").hide(),$("#wizards").hide(),$("#walletmanagement-advanced").show(),walletManagementPage.updateKeyList(),walletManagementPage.updateAccountList()'>
                              <span class=translate>Advanced</span>
                              <span class=icon-thumbnail>
                                <i class="fa fa-laptop"></i>
                              </span>
                            </a>
                    </ul>
                    <li>
                      <a href=#>
                        <span class="title translate">Backup</span>
                        <span class=arrow></span>
                        <span class=icon-thumbnail>
                          <i class="fa fa-floppy-o"></i>
                        </span>
                      </a>
                      <ul class=sub-menu>
                        <li>
                          <a href=# onclick='bridge.userAction(["backupWallet"])'>
                            <span class=translate>Backup Wallet</span>
                            <span class=icon-thumbnail>
                              <i class="fa fa-floppy-o"></i>
                            </span>
                          </a>
                          <li class=encryptWallet>
                            <a href=# onclick='bridge.userAction(["encryptWallet"])'>
                              <span class=translate>Encrypt Wallet</span>
                              <span class=icon-thumbnail>
                                <i id=encryptWallet class="fa fa-lock"></i>
                              </span>
                            </a>
                            <li id=changePassphrase>
                              <a href=# onclick='bridge.userAction(["changePassphrase"])'>
                                <span class=translate>Change Passphrase</span>
                                <span class=icon-thumbnail>
                                  <i class="fa fa-user-secret"></i>
                                </span>
                              </a>
                              <li id=toggleLock>
                                <a href=# onclick='bridge.userAction(["toggleLock"])'>
                                  <span class=translate>(Un)lock Wallet</span>
                                  <span class=icon-thumbnail>
                                    <i class="fa fa-unlock-alt"></i>
                                  </span>
                                </a>
                      </ul>
                      <li>
                        <a href=#>
                          <span class="title translate">Tools</span>
                          <span class=arrow></span>
                          <span class=icon-thumbnail>
                            <i class="fa fa-cogs"></i>
                          </span>
                        </a>
                        <ul class=sub-menu>
                          <li>
                            <a href=#chaindata onclick=chainDataPage.updateAnonOutputs()>
                              <span class=translate>Chain Data</span>
                              <span class=icon-thumbnail>
                                <i class="fa fa-link"></i>
                              </span>
                            </a>
                            <li>
                              <a href=#blockdata onclick=blockExplorerPage.updateLatestBlocks()>
                                <span class=translate>Block Explorer</span>
                                <span class=icon-thumbnail>
                                  <i class="fa fa-th-large"></i>
                                </span>
                              </a>
                              <li>
                                <a href=# data-target=#verify-sign-message-modal data-toggle=modal onclick='$("#sign-href").click(),$("#sign-address")'>
                                  <span class=translate>Sign Message</span>
                                  <span class=icon-thumbnail>
                                    <i class="fa fa-pencil"></i>
                                  </span>
                                </a>
                                <li>
                                  <a href=# data-target=#verify-sign-message-modal data-toggle=modal onclick='$("#verify-href").click(),$("#verify-address")'>
                                    <span class=translate>Verify Message</span>
                                    <span class=icon-thumbnail>
                                      <i class="fa fa-check-square-o"></i>
                                    </span>
                                  </a>
                                  <li>
                                    <a href=# onclick='bridge.userAction(["debugClicked"])'>
                                      <span class=translate>Debug</span>
                                      <span class=icon-thumbnail>
                                        <i class="fa fa-bug"></i>
                                      </span>
                                    </a>
                                    <li>
                                      <a href=#b onclick='bridge.userAction(["aboutClicked"])'>
                                        <span class=translate>About DCC</span>
                                        <span class=icon-thumbnail>
                                          <i class="fa fa-info-circle"></i>
                                        </span>
                                      </a>
                                      <li>
                                        <a href=# onclick='bridge.userAction(["aboutQtClicked"])'>
                                          <span class=translate>About QT</span>
                                          <span class=icon-thumbnail>
                                            <i class="fa fa-info-circle"></i>
                                          </span>
                                        </a>
                        </ul>
      </ul>
      <div class=clearfix></div>
    </div>
  </div>
  <div class=page-container>
    <div class=header>
      <div class="pull-left full-height visible-sm visible-xs">
        <div class=sm-action-bar>
          <a href=# class="btn-link toggle-sidebar" data-toggle=sidebar>
            <span class="icon-set menu-hambuger"></span>
          </a>
        </div>
      </div>
      <div class="pull-right full-height visible-sm visible-xs">
        <div class=sm-action-bar></div>
      </div>
      <div class="pull-left sm-table">
        <div class=header-inner></div>
      </div>
      <div class=pull-right>
        <div class="visible-lg visible-md m-t-10">
          <div class="dropdown pull-right">
            <div id=status class=b-grey>
              <ul class="no-margin hidden-sm hidden-xs no-style p-l-10 p-r-10 p-b-10">
                <li class="inline p-l-10">
                  <progress id=syncProgressBar max=100 value=1 data-title="Catching up...
                  downloaded 0 blocks of history...">
                  </progress>
                  <li class="inline p-l-10">
                    <div id=tor class=no-tor data-title="Tor connection offline"></div>
                    <li class="inline p-l-10">
                      <div id=i2p class=no-i2p data-title="i2p connection offline"></div>
                      <li class="inline p-l-10">
                        <div id=encryptionIcon class="no-encryption f-off" onclick='bridge.userAction(["toggleLock"])' data-title="Wallet is encrypted and currently locked"></div>
                        <li class="inline p-l-10">
                          <div id=stakingIcon class=not-staking data-title="Not staking because wallet is locked"></div>
                          <li class="inline p-l-10">
                            <div id=connectionsIcon class=connect-0 data-title="0 active connection(s) to DChatCredit network"></div>
                            <li class="inline p-l-10">
                              <div id=syncingIcon class=syncing-spinner data-title="Wallet is syncing"></div>
                              <div id=blocksIcon class="no-syncing none" data-title="Wallet is syncing"></div>
                              <li class="inline p-l-10">
                                <a href=# data-toggle=quickview data-toggle-element=#quickview>
                                  <div id=chatIcon class=chat-icon data-title="Open chat list"></div>
                                </a>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class=page-content-wrapper>
      <div class=content>
        <div class="container-fluid no-padding">
          <div class="modal fade stick-up" id=qrcode-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class="modal-content p-b-25">
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">QR code</h5>
                  <div id=qrcode></div>
                  <div class=form-group>
                    <div class=col-sm-12>
                      <div class=row>
                        <div class=col-sm-12>
                          <textarea id=qrcode-data class=form-control style=color:#131218 disabled rows=2></textarea>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class=form-group>
                    <div class=col-sm-12>
                      <div class=row>
                        <div class=col-sm-12>
                          <label for=qraddress class="p-t-10 recipient translate">Address:</label>
                          <input id=qraddress class="form-control pay_to input_box" placeholder="Enter a DChatCredit address (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" onchange=showQRCode()></div>
                      </div>
                    </div>
                  </div>
                  <div class=form-group>
                    <div class=col-sm-12>
                      <div class=row>
                        <div class=col-sm-12>
                          <label for=qrlabel class="p-t-10 recipient translate">Label:</label>
                          <input id=qrlabel class="form-control label2 input_box" placeholder="Enter a label for this address to add it to your address book" onchange=showQRCode()></div>
                      </div>
                    </div>
                  </div>
                  <div class=form-group>
                    <div class=col-sm-12>
                      <div class=row>
                        <div class=col-sm-12>
                          <label for=qrnarration class="p-t-10 recipient translate">Narration:</label>
                          <input id=qrnarration class="form-control narration input_box" placeholder="Enter a short note to send with a payment (max 24 characters)" onchange=showQRCode()></div>
                      </div>
                    </div>
                  </div>
                  <div class=form-group>
                    <div class=col-sm-12>
                      <label for=qramount class="p-t-10 recipient translate">Amount:</label>
                      <div class=row>
                        <div class=col-sm-8>
                          <input id=qramount class=form-control type=number placeholder=0.00000000 step=0.01 value=0.00000000 onchange='unit.parse(this,$("#qrunit").val()),showQRCode()'></div>
                        <select id=qrunit class="unit select-drop-down" style=width:167px onchange='unit.format("#qramount",$(this).val()),showQRCode()'>
                          <option value=0 title=DChatCredit>DCC
                            <option value=1 title="Milli-DChatCredit (1 / 1000)">mDCC
                              <option value=2 title="Micro-DChatCredit (1 / 1000000)">&micro;DCC
                                <option value=3 title="DChatCreditshi (1 / 100000000)">sDCC</select></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=add-address-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class="modal-content p-b-25" style=background:#fff>
                <div id=add-rcv-address style=display:none>
                  <div class="modal-header clearfix text-left">
                    <button type=button class=close data-dismiss=modal aria-hidden=true>
                      <i class="pg-close fs-20"></i>
                    </button>
                    <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Add new receive address</h5>
                    <div class=form-group>
                      <div class=col-sm-12>
                        <label for=new-address-label class="recipient translate">Label:</label>
                        <div class=row>
                          <div class=col-sm-8>
                            <input id=new-address-label class="form-control recipient input_box" data-title="Enter a label for this address to add it to your address book" placeholder="Enter a label for this address to add it to your address book" maxlength=128></div>
                          <select id=new-addresstype class="recipient select-drop-down" style=width:167px>
                            <option value=1 title=Normal class=translate>Normal
                              <option value=2 title=Stealth class=translate>Stealth
                                <option value=3 title=BIP32 class=translate>BIP32</select></div>
                      </div>
                    </div>
                    <div class="pull-right m-r-10 m-t-25">
                      <a class="btn btn-danger btn-cons" href=javascript:addAddress();><span class=translate>Add Address</span>
                        <i class="fa fa-check"></i></a>
                    </div>
                  </div>
                </div>
                <div id=add-send-address style=display:none>
                  <div class="modal-header clearfix text-left">
                    <button type=button class=close data-dismiss=modal aria-hidden=true>
                      <i class="pg-close fs-20"></i>
                    </button>
                    <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Add a new contact</h5>
                    <div class=form-group>
                      <div class=col-sm-12>
                        <label for=new-send-label class="recipient translate">Label:</label>
                        <div class=row>
                          <div class=col-sm-12>
                            <input id=new-send-label class="form-control recipient input_box" data-title="Enter a label for this address to add it to your address book" placeholder="Enter a label for this address to add it to your address book" maxlength=128>
                            <br></div>
                        </div>
                      </div>
                    </div>
                    <div class=form-group>
                      <div class=col-sm-12>
                        <label for=new-send-address class="recipient translate">Address:</label>
                        <div class=row>
                          <div class=col-sm-12>
                            <input id=new-send-address class="form-control recipient input_box" data-title="Enter a address to add it to your address book" placeholder="Enter a address to add it to your address book" maxlength=128>
                            <p id=new-send-address-error class=red></div>
                        </div>
                      </div>
                    </div>
                    <div class="pull-right m-r-10 m-t-25">
                      <a class="btn btn-danger btn-cons translate" href=javascript:addSendAddress();>Add Send Address
                        <i class="fa fa-check"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=address-lookup-modal tabindex=-1 role=dialog aria-hidden=true style=z-index:1060>
            <div class=modal-dialog>
              <div class="modal-content p-b-25" style=background:#fff>
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Address Lookup</h5>
                  <div class=form-group>
                    <div class="col-sm-12 m-b-25">
                      <div class=row>
                        <div class=col-sm-8>
                          <input id=address-lookup-filter hidden>
                          <input id=address-lookup-address-filter class=form-control placeholder="Filter by label or address..."></div>
                        <select id=address-lookup-address-type class="recipient select-drop-down" style=width:167px>
                          <option value="" title="Filter Address Type" selected class=translate>Address Type
                            <option title=Normal class=translate>Normal
                              <option title=Stealth class=translate>Stealth
                                <option title=Group class=translate>Group
                                  <option title=BIP32 class=translate>BIP32</select></div>
                    </div>
                  </div>
                  <table id=address-lookup-table class="footable-lookup shadow table table-hover" data-page-size=5 data-filter=#address-lookup-filter width=100% style="margin-bottom:0;border-top:1px solid rgba(230,230,230,.7);border-bottom:1px solid rgba(230,230,230,.7)">
                    <thead>
                      <tr>
                        <th data-toggle=true title=Label data-sort-initial=ascending class=translate>Label
                          <th data-toggle=true title=Address class=translate>Address
                            <th data-toggle=true title="Public Key" class=translate>Public Key
                              <th data-toggle=true title="Address Type" class=translate>Address Type
                                <tbody>
                                  <tfoot>
                                    <tr>
                                      <td colspan=4>
                                        <div class="pagination pager hide-if-no-paging"></div></table>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=blkexp-txn-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class=modal-content style=background:#fff>
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Transaction Hash</h5>
                  <div class=ng-scope data-ng-if=block.hash>
                    <div class=form-group>
                      <div class="col-sm-12 p-b-25 p-t-10">
                        <div class=row>
                          <div class=col-sm-12>
                            <center>
                              <span class=text-muted style=font-weight:700 id=txn-hash></span>
                            </center>
                          </div>
                        </div>
                      </div>
                    </div>
                    <table class="table table-hover shadow" width=100% style="margin-bottom:0;border-top:1px solid rgba(230,230,230,.7);border-bottom:1px solid rgba(230,230,230,.7)">
                      <thead>
                        <tr>
                          <th class=translate title=Label>Type
                            <th class=translate title=Address>Output
                              <tbody>
                                <tr class=modal-tr>
                                  <td>
                                    <strong class=translate>Size (bytes)</strong>
                                    <td class=text-muted id=txn-size>
                                      <tr class=modal-tr>
                                        <td>
                                          <strong class=translate>Received Time</strong>
                                          <td class=text-muted id=txn-rcvtime>
                                            <tr class=modal-tr>
                                              <td>
                                                <strong class=translate>Mined Time</strong>
                                                <td class=text-muted id=txn-minetime>
                                                  <tr class=modal-tr>
                                                    <td>
                                                      <strong class=translate>Included in Block</strong>
                                                      <td class=text-muted id=txn-blkhash>
                                                        <tr class=modal-tr>
                                                          <td>
                                                            <strong id=lbl-reward-or-fee class=translate>Reward</strong>
                                                            <td class=text-muted id=txn-reward>
                                                              <tr class=modal-tr>
                                                                <td>
                                                                  <strong class=translate>Confimations</strong>
                                                                  <td class=text-muted id=txn-confirmations>
                                                                    <tr class=modal-tr>
                                                                      <td>
                                                                        <strong class=translate>Value</strong>
                                                                        <td class=text-muted id=txn-value></table>
                    <table class="table shadow" width=100%>
                      <tr>
                        <td width=50% style=vertical-align:top>
                          <table id=txn-detail-inputs class="table table-hover shadow" width=50%>
                            <thead>
                              <tr>
                                <th class=translate data-toggle=true data-title=Inputs data-sort-initial=ascending>Inputs
                                  <th class=translate data-toggle=true data-title=Values data-sort-initial=ascending>Values
                                    <tbody></table>
                          <td width=50% style=vertical-align:top>
                            <table id=txn-detail-outputs class="table table-hover shadow" width=50%>
                              <thead>
                                <tr>
                                  <th class=translate data-toggle=true data-title=Outputs data-sort-initial=ascending>Outputs
                                    <th class=translate data-toggle=true data-title=Values data-sort-initial=ascending>Values
                                      <tbody></table></table>
                    <div id=error-msg></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=block-info-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class=modal-content style=background:#fff>
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">BlockHash</h5>
                  <div class=ng-scope data-ng-if=block.hash>
                    <div class=form-group>
                      <div class="col-sm-12 p-b-25 p-t-10">
                        <div class=row>
                          <div class=col-sm-12>
                            <center>
                              <span class=text-muted style=font-weight:700 id=blk-hash></span>
                            </center>
                          </div>
                        </div>
                      </div>
                    </div>
                    <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Summary</h5>
                    <table class="shadow table table-hover">
                      <thead>
                        <tr>
                          <th class=translate data-toggle=true data-sort-initial=ascending>Type
                            <th class=translate data-toggle=true data-sort-initial=ascending>Output
                              <tbody>
                                <tr class=modal-tr>
                                  <td>
                                    <strong class=translate>Transactions</strong>
                                    <td class=text-muted id=blk-numtx>
                                      <tr class=modal-tr>
                                        <td>
                                          <strong class=translate>Height</strong>
                                          <td class=text-muted id=blk-height>
                                            <tr class=modal-tr>
                                              <td>
                                                <strong class=translate>Block Type</strong>
                                                <td class=text-muted id=blk-type>
                                                  <tr class=modal-tr>
                                                    <td>
                                                      <strong class=translate>Block Reward</strong>
                                                      <td class=text-muted id=blk-reward>
                                                        <tr class=modal-tr>
                                                          <td>
                                                            <strong class=translate>Timestamp</strong>
                                                            <td class=text-muted id=blk-timestamp>
                                                              <tr class=modal-tr>
                                                                <td>
                                                                  <strong class=translate>Merkle Root</strong>
                                                                  <td class=text-muted id=blk-merkleroot>
                                                                    <tr class=modal-tr>
                                                                      <td>
                                                                        <strong class=translate>Previous Block</strong>
                                                                        <td class=text-muted id=blk-prevblock>
                                                                          <tr class=modal-tr>
                                                                            <td>
                                                                              <strong class=translate>Next Block</strong>
                                                                              <td class=text-muted id=blk-nextblock>
                                                                                <tr class=modal-tr>
                                                                                  <td>
                                                                                    <strong class=translate>Difficulty</strong>
                                                                                    <td class=text-muted id=blk-difficulty>
                                                                                      <tr class=modal-tr>
                                                                                        <td>
                                                                                          <strong class=translate>Bits</strong>
                                                                                          <td class=text-muted id=blk-bits>
                                                                                            <tr class=modal-tr>
                                                                                              <td>
                                                                                                <strong class=translate>Size (bytes)</strong>
                                                                                                <td class=text-muted id=blk-size>
                                                                                                  <tr class=modal-tr>
                                                                                                    <td>
                                                                                                      <strong class=translate>Version</strong>
                                                                                                      <td class=text-muted id=blk-version>
                                                                                                        <tr class=modal-tr>
                                                                                                          <td>
                                                                                                            <strong class=translate>Nonce</strong>
                                                                                                            <td class=text-muted id=blk-nonce></table>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=verify-sign-message-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class=modal-content style=background:#fff>
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <div class=p-l-10 style="border-bottom:1px solid #F0F1F3">
                    <div id=signing-options>
                      <h5>
                        <a class=translate id=sign-href onclick='$("#sign-message-modal").show(),$("#verify-message-modal").hide(),$("#sign-href").addClass("heading-selected"),$("#sign-href").removeClass("heading-deselected"),$("#verify-href").addClass("heading-deselected"),$("#verify-href").removeClass("heading-selected")'>Sign Message</a>/
                        <a class=translate id=verify-href onclick='$("#sign-message-modal").hide(),$("#verify-message-modal").show(),$("#sign-href").addClass("heading-deselected"),$("#sign-href").removeClass("heading-selected"),$("#verify-href").addClass("heading-selected"),$("#verify-href").removeClass("heading-deselected")'>Verify Message</a></h5>
                    </div>
                  </div>
                  <div id=sign-message-modal style=display:none>
                    <p>
                      <center class="p-l-10 p-r-10 translate">You can sign messages with your addresses to prove you own them. Be careful not to sign anything vague, as phishing attacks may try to trick you into signing your identity over to them. Only sign fully-detailed statements you agree to.</center>
                      <div class=form-group>
                        <div class="col-sm-12 p-t-15">
                          <label class="recipient translate">Address:</label>
                          <div class=row>
                            <div class=col-sm-12>
                              <input id=sign-address class="input_box form-control" data-title="Enter a DChatCredit address to sign the message with (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" placeholder="Enter a DChatCredit address to sign the message with (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" maxlength=128></div>
                          </div>
                        </div>
                      </div>
                      <div class=form-group>
                        <div class="col-sm-12 p-t-15">
                          <label class="recipient translate">Message:</label>
                          <div class=row>
                            <div class=col-sm-12>
                              <textarea id=sign-message class="input_box form-control" placeholder="Enter the message you want to sign" data-title="Enter the message you want to sign"></textarea>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=form-group>
                        <div class="col-sm-12 p-t-15">
                          <label class="recipient translate">Signature:</label>
                          <div class=row>
                            <div class=col-sm-10>
                              <input id=sign-signature class="input_box form-control" placeholder="Click sign message to generate signature" data-title="Click sign message to generate signature" readonly></div>
                            <div class=col-sm-2>
                              <div class=btn-group>
                                <a class="btn btn-default" href="javascript:bridge.copy($('#sign-signature').val());" data-title="Copy the signed message signature">
                                  <i class="fa fa-copy"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <span id=sign-result class="m-l-15 p-t-10" style=display:block;width:100%></span>
                      <div class="pull-right m-r-10 m-t-25 m-b-25">
                        <a class="btn btn-danger btn-cons" href=javascript:signMessage();>
                          <i class="fa fa-check"></i>&nbsp;<span class=translate>Sign Message</span></a>
                        <a class="btn btn-danger btn-cons" href="javascript:$('#sign-message-modal').find('.input_box').val('');$('#sign-result').html('');">
                          <i class="fa fa-close"></i>&nbsp;<span class=translate>Clear All</span></a>
                      </div>
                  </div>
                  <div id=verify-message-modal style=display:none>
                    <p>
                      <center class="p-l-10 p-r-10"><span class=translate>Enter the signing address, message (ensure you copy line breaks, spaces, tabs etc. exactly) and signature below to verify the message.</span>
                        <br>
                        <br><span class=translate>Be careful not to read more into the signature than what is in the signed message itself, to avoid being tricked by a man-in-the-middle attack.</span></center>
                      <div class=form-group>
                        <div class=col-sm-12>
                          <label class="recipient translate">Address:</label>
                          <div class=row>
                            <div class=col-sm-12>
                              <input id=verify-address class="input_box form-control" data-title="Enter a DChatCredit address to verify the message with (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" placeholder="Enter a DChatCredit address to verify the message with (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" maxlength=128></div>
                          </div>
                        </div>
                      </div>
                      <div class=form-group>
                        <div class="col-sm-12 p-t-15">
                          <label class="recipient translate">Verify message:</label>
                          <div class=row>
                            <div class=col-sm-12>
                              <textarea id=verify-message class="input_box form-control" placeholder="Enter the message you want to verify" data-title="Enter the message you want to verify"></textarea>
                              <br></div>
                          </div>
                        </div>
                      </div>
                      <div class=form-group>
                        <div class=col-sm-12>
                          <label class="recipient translate">Signature:</label>
                          <div class=row>
                            <div class=col-sm-10>
                              <input id=verify-signature class="input_box form-control" placeholder="Enter a DChatCredit signature" data-title="Enter a DChatCredit signature"></div>
                            <div class=col-sm-2>
                              <div class=btn-group>
                                <a class="btn btn-default" href="javascript:paste('#verify-signature');" data-title="Paste signature from clipboard">
                                  <i class="fa fa-copy"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <span id=verify-result class="m-l-15 p-t-10" style=display:block;width:100%></span>
                      <div class="pull-right m-r-10 m-t-25 m-b-25">
                        <a class="btn btn-danger btn-cons" href=javascript:verifyMessage();>
                          <i class="fa fa-check"></i>&nbsp;<span class=translate>Verify Message</span></a>
                        <a class="btn btn-danger btn-cons" href="javascript:$('#verify-message-modal').find('.input_box').val('');$('#verify-result').html('');">
                          <i class="fa fa-close"></i>&nbsp;<span class=translate>Clear All</span></a>
                      </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade stick-up" id=transaction-info-modal tabindex=-1 role=dialog aria-hidden=true>
            <div class=modal-dialog>
              <div class=modal-content style=background:#fff>
                <div class="modal-header clearfix text-left">
                  <button type=button class=close data-dismiss=modal aria-hidden=true>
                    <i class="pg-close fs-20"></i>
                  </button>
                  <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Details</h5>
                  <div id=transaction-info></div>
                </div>
              </div>
            </div>
          </div>
          <article id=overview>
            <div class=page-content-wrapper>
              <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
                <div class=pull-left>
                  <h4 class="translate uppercase" style=font-weight:bolder>Overview</h4></div>
                <div class="p-t-10 pull-right">
                  <div class=navigate>
                    <a href=#send class="btn-danger btn btn-cons"><span class=translate>Send Payment</span>
                      <i class="fa fa-arrow-right"></i></a>
                  </div>
                </div>
                <div class=container-fluid>
                  <div class=navbar-header></div>
                </div>
              </nav>
              <div class="row m-t-45 m-l-35 m-r-35">
                <div class="panel full-width bg-transparent">
                  <div class=panel-body style=padding:0>
                    <div class=row>
                      <div class=col-md-6>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p style=font-weight:bolder;white-space:nowrap><span class=translate>Total Balance</span>
                                <span class="outofsync syncing translate">(out of sync)</span></div>
                            <div class=panel-controls>
                              <ul>
                                <li>
                                  <a class=portlet-help href=#>
                                    <i class="p-b-5 fa fa-question-circle" data-title="Your total balance" style=color:#E3223C></i>
                                  </a>
                              </ul>
                            </div>
                          </div>
                          <hr class=no-margin>
                          <div class=panel-body>
                            <div class=total-balance style=text-align:center>
                              <h3 class=semi-bold>
                                <span id=total-big>
                                  <span>0</span>
                                  <span class=light-red>.</span>
                                  <span class=cents>00</span>
                                  <span class="units unit">DCC</span></span>
                              </h3>
                              <div class=clearfix></div>
                            </div>
                          </div>
                        </div>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-circular-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Balances</div>
                            <div class=panel-controls>
                              <ul>
                                <li>
                                  <a class=portlet-help href=#>
                                    <i class="p-b-5 fa fa-question-circle" data-title="Balances overview" style=color:#E3223C></i>
                                  </a>
                              </ul>
                            </div>
                          </div>
                          <hr class=no-margin>
                          <div style=min-height:247px>
                            <div class=wallet>
                              <table class="table table-condensed table-hover" id=balances>
                                <tr>
                                  <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">PUBLIC
                                    <td class="p-l-20 balance text-left">0.00
                                      <tr>
                                        <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">PRIVATE
                                          <td class="p-l-20 shadow_balance text-left">0.00
                                            <tr>
                                              <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">Reserved
                                                <td class="p-l-20 text-left" id=reserved>0.00
                                                  <tr>
                                                    <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">Stake
                                                      <td class="p-l-20 text-left" id=stake>0.00
                                                        <tr>
                                                          <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">Unconfirmed
                                                            <td class="p-l-20 text-left" id=unconfirmed>0.00
                                                              <tr>
                                                                <td class="p-l-20 text-left font-montserrat all-caps fs-12 b-r b-dashed b-grey translate">Immature
                                                                  <td class="p-l-20 text-left" id=immature>0.00</table></div>
                          </div>
                        </div>
                      </div>
                      <div class=col-md-6>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Recent Transactions</div>
                            <div class=panel-controls>
                              <ul>
                                <li>
                                  <a class=portlet-help href=#>
                                    <i class="p-b-5 fa fa-question-circle" data-title="Recent in/out transactions or stakes" style=color:#E3223C></i>
                                  </a>
                              </ul>
                            </div>
                          </div>
                          <hr class=no-margin>
                          <div style=height:424px>
                            <table class="table table-condensed table-hover" id=recenttxns>
                              <thead>
                                <tr>
                                  <th class=sorting data-sort-initial=ascending data-toggle=true>
                                    <center class=translate>Type</center>
                                    <th class=sorting data-hide=phone,tablet>
                                      <center class=translate>Amount</center>
                                      <th class=sorting data-hide=phone>
                                        <center class=translate>Date</center></thead>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </article>
          <article id=market class=bg-white style=background-color:#fff>
            <div class=bg-white style=position:fixed;top:0;bottom:0;left:0;right:0></div>
            <div class=page-content-wrapper>
              <nav class="navbar navbar-default nav-sub-menu p-t-10 p-r-35 p-l-35" style=min-height:75px;margin-bottom:0!important role=navigation>
                <div class=pull-left>
                  <h4 class="translate uppercase" style=font-weight:bolder>Market</h4></div>
                <div class=pull-right></div>
                <div class=container-fluid>
                  <div class=navbar-header></div>
                </div>
              </nav>
              <div class=row>
                <div class="col-sm-12 bg-white" style=height:100px%;min-height:100%>
                  <div class="col-sm-6 col-sm-offset-3 bg-white p-t-30" style=text-align:center;padding-top:100px>
                    <img src=qrc:///assets/img/shoppingcart.png>
                    <h1>DCCAIN MARKETPLACE</h1>
                    <p>under development</div>
                  <div class="col-sm-6 bg-white" style=text-align:right;padding-top:100px>
                    <h5 class=translate>GET IN TOUCH AND EXCHANGE</h5>
                    <p style=opacity:6>Join us on
                      <a href=https://abwang.com target=_blank>abwang.com</a>(
                      <a href="https://abwang.com/user/login.html?type=1" target=_blank>sign up</a>)</div>
                  <div class="col-sm-6 bg-white m-t-130" style=padding-top:100px>
                    <h5>DONATE AND SUPPORT DEVELOPMENT</h5>
                    <p style=opacity:6>
                      <a href="javascript:sendPage.addRecipientDetail('SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB', 'DCC Dev Fund', 'keep up the work!', 5)">SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB</a>
                      <p style=opacity:6>
                        <a href="dcc:1GiosBkSpN8RS9pm1kgZU8AZUBEnLKYFem&label=DCC%20Dev%20Fund">1GiosBkSpN8RS9pm1kgZU8AZUBEnLKYFem</a></div>
                </div>
              </div>
            </div>
          </article>
        </div>
        <article id=send>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Send</h4></div>
              <div class="p-t-10 pull-right show-advanced-controls">
                <button class="btn btn-default btn-cons" onclick='$(this).toggleClass("active"),sendPage.changeTransactionType()'>
                  <i class="fa fa-wrench"></i>&nbsp;<span class=translate>Advanced Options</span></button>
              </div>
              <div class="p-t-10 pull-right show-coin-control">
                <button class="btn btn-default btn-cons" onclick='$(this).toggleClass("active"),sendPage.toggleCoinControl()'>
                  <i class="fa fa-repeat"></i>&nbsp;<span class=translate>Coin Control</span></button>
              </div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-b-35 m-l-35 m-r-35">
              <div class="panel full-width">
                <form autocomplete=off class=form-horizontal id=form-work name=form-work>
                  <ul class="nav nav-tabs nav-tabs-simple nav-tabs-simple-bg">
                    <li class=active style=font-weight:bolder;color:#333>
                      <a data-toggle=tab href=#send-main class=translate>Make payment</a>
                      <li style=font-weight:bolder;color:#333>
                        <a data-toggle=tab href=#send-balance class=translate>Balance transfer</a></ul>
                  <div class=tab-content>
                    <div id=sendoptions>
                      <div id=coincontrol>
                        <div class=form-group style="border-bottom:1px solid #F0F1F3">
                          <label class="col-sm-3 p-l-20 control-label">
                            <a href=# onclick=bridge.openCoinControl() class=translate>Select Inputs</a>
                            <a href=#>
                              <i class="p-b-5 fa fa-question-circle" data-title="Select inputs to spend" style=color:#626262></i>
                            </a>
                          </label>
                          <div class=col-sm-9>
                            <div class=row>
                              <div id=coincontrol_auto class=translate>Automatically selected</div>
                              <div id=coincontrol_labels style=display:none>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_quantity>Quantity:</label>
                                  <span id=coincontrol_quantity></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_amount>Amount:</label>
                                  <span id=coincontrol_amount></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_fee>Fee:</label>
                                  <span id=coincontrol_fee></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_afterfee>After Fee:</label>
                                  <span id=coincontrol_afterfee></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_bytes>Bytes:</label>
                                  <span id=coincontrol_bytes></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_priority>Priority:</label>
                                  <span id=coincontrol_priority></span>
                                </span>
                                <span style=white-space:nowrap>
                                  <label class="coincontrol_inputs translate" for=coincontrol_low>LowOutput:</label>
                                  <span id=coincontrol_low></span>
                                  <span style=white-space:nowrap>
                                    <label class="coincontrol_inputs translate" for=coincontrol_change>Change:</label>
                                    <span id=coincontrol_change></span>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class=form-group style="border-bottom:1px solid #F0F1F3">
                          <label class="col-sm-3 p-l-20 control-label">
                            <span class=translate>Custom change address</span>
                            <a href=#>
                              <i class="p-b-5 fa fa-question-circle" data-title="Optional address to receive transaction change" style=color:#626262></i>
                            </a>
                          </label>
                          <div class=col-sm-9>
                            <div class=row>
                              <div class=col-sm-9>
                                <input class=form-control id=change_address data-title="Optional address to receive transaction change" maxlength=128 oninput=base58.check(this) placeholder="Enter a DChatCredit address (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)"></div>
                              <div class="btn-group col-sm-3 sm-m-t-10">
                                <a id=cust-add-lkp data-title="Choose from address book" data-toggle=modal data-target=#address-lookup-modal href=# onclick='addressLookup("change_address",!0)' class="btn btn-default">
                                  <i class="fa fa-book"></i>
                                </a>
                                <a data-title="Paste address from clipboard" class="btn btn-default" onclick='paste("#change_address")'>
                                  <i class="fa fa-files-o"></i>
                                </a>
                                <a data-title="Remove this recipient" class="btn btn-default" onclick='$("#change_address").val("").css("background","").css("color","")'>
                                  <i class="fa fa-close"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=form-group>
                        <label class="col-sm-3 control-label option p-l-20 recipient" for=from_account_public><span class=translate>From account</span>
                          <a href=#>
                            <i class="p-b-5 fa fa-question-circle" data-title="Send from public or private" style=color:#626262></i></a>
                        </label>
                        <div class=col-sm-9>
                          <div class=option>
                            <div id=from_account_group class="radio radio-success">
                              <input id=from_account_public name=transaction_type_from type=radio value=public checked>
                              <label for=from_account_public class=translate>PUBLIC</label>
                              <input id=from_account_private name=transaction_type_from type=radio value=private>
                              <label for=from_account_private class=translate>PRIVATE</label>
                              <span data-title="Current spendable send payment balance">
                                <b class=translate>Balance:</b>
                                <span id=spend_btc>
                                  <span class=balance>0.00</span>
                                  <span class=unit>DCC</span></span>
                                <span id=spend_bitcoin>
                                  <span class=bitcoin_balance>0.00</span>
                                  <span class=unit>DCC</span></span>
                              </span>
                              <span id=tx_ringsize>
                                <label class="form-controlring_size m-r-10 translate" for=ring_size>Ring Size:</label>
                                <input class="form-control-options-page ring_size input_box" id=ring_size max=32 min=3 step=1 type=number value=16></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="form-group advanced_controls">
                        <label class="col-sm-3 control-label option p-l-20 recipient" for=to_account_public><span class=translate>To account</span>
                          <a href=#>
                            <i class="p-b-5 fa fa-question-circle" data-title="Send to public or private" style=color:#626262></i></a>
                        </label>
                        <div class=col-sm-9>
                          <div class=option>
                            <div id=to_account_group class="radio radio-success">
                              <input id=to_account_public name=transaction_type_to type=radio value=public checked>
                              <label for=to_account_public class=translate>PUBLIC</label>
                              <input id=to_account_private name=transaction_type_to type=radio value=private>
                              <label for=to_account_private class=translate>PRIVATE</label>
                              <span id=to_balance data-title="Current spendable balance to account">
                                <b class=translate>Balance:</b>
                                <span id=to_bitcoin>
                                  <span class=bitcoin_balance>0.00</span>
                                  <span class=unit>DCC</span></span>
                                <span id=to_btc>
                                  <span class=balance>0.00</span>
                                  <span class=unit>DCC</span></span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="tab-pane active" id=send-main>
                      <div class=row>
                        <div class=col-md-12>
                          <div id=recipients></div>
                          <div id=recipient-template class=recipient>
                            <div class=form-group>
                              <label class="col-sm-3 p-l-20 control-label"><span class=translate>Pay to</span>
                                <a href=#>
                                  <i class="p-b-5 fa fa-question-circle" data-title="The address to send the payment to" style=color:#626262></i></a>
                              </label>
                              <div class=col-sm-9>
                                <div class=row>
                                  <div class=col-sm-6>
                                    <input class="form-control pay_to" data-title="The address to send the payment to" placeholder="The address to send the payment to" maxlength=128 oninput=base58.check(this) onchange='$("#recipient-template .pay_to_label").val(bridge.getAddressLabel(this.value))'></div>
                                  <div class=col-sm-3>
                                    <input class="form-control pay_to_label" data-title="Enter a label for this address" placeholder="Enter a label" maxlength=128></div>
                                  <div class="btn-group col-sm-3 sm-m-t-10">
                                    <a data-title="Choose from address book" data-toggle=modal data-target=#address-lookup-modal href=# onclick='addressLookup("recipient-template .pay_to,recipient-template .pay_to_label",!1)' class="btn btn-default">
                                      <i class="fa fa-book"></i>
                                    </a>
                                    <a data-title="Paste address from clipboard" class="btn btn-default" onclick='paste("#recipient-template .pay_to")'>
                                      <i class="fa fa-files-o"></i>
                                    </a>
                                    <a data-title="Remove this recipient" class="btn btn-default" onclick='sendPage.removeRecipient("#recipient-template.recipient")'>
                                      <i class="fa fa-close"></i>
                                    </a>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class=form-group id=show_nar style="border-bottom:1px solid #F0F1F3">
                              <label class="col-sm-3 control-label option p-l-20 recipient" for=recipient-template-narration title=Narration:><span class=translate>Narration</span>
                                <a href=#>
                                  <i class="p-b-5 fa fa-question-circle" data-title="A short reference for the recipient" style=color:#626262></i></a>
                              </label>
                              <div class=col-sm-9>
                                <div class=row>
                                  <div class=col-sm-9>
                                    <input class="form-control narration" id=recipient-template-amount-narration maxlength=24 data-title="Enter a short note to send with payment (max 24 characters)" placeholder="Enter a short note to send with a payment (max 24 characters)"></div>
                                  <div class=col-sm-3></div>
                                </div>
                              </div>
                            </div>
                            <div class=form-group>
                              <label class="col-sm-3 control-label option p-l-20" for=recipient-template-amount class=recipient><span class=translate>Amount</span>
                                <a href=#>
                                  <i class="p-b-5 fa fa-question-circle" data-title="Amount to send." style=color:#626262></i></a>
                              </label>
                              <div class=col-sm-9>
                                <div class=row>
                                  <div class=col-sm-9>
                                    <input class="form-control amount" id=recipient-template-amount placeholder=0.00000000 step=0.01 type=number value=0.00000000 onfocus=invalid($(this),!0) onchange='unit.parse(this,$("#recipient-template .unit").val()),sendPage.updateCoinControl()'></div>
                                  <select class="unit select-drop-down" style=margin-left:7px onchange='unit.format("#recipient-template .amount",$(this).val())'>
                                    <option value=0 title=DChatCredit>DCC
                                      <option value=1 title="Milli-DChatCredit (1 / 1000)">mDCC
                                        <option value=2 title="Micro-DChatCredit (1 / 1000000)">&micro;DCC
                                          <option value=3 title="DChatCreditshi (1 / 100000000)">sDCC</select></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class=tab-pane id=send-balance>
                      <div class=row>
                        <div class=col-md-12>
                          <div class="form-group advanced_controls">
                            <label class="col-sm-3 p-l-20 control-label"><span class=translate>Pay to</span>
                              <a href=#>
                                <i class="p-b-5 fa fa-question-circle" data-title="The address transfer the balance to" style=color:#626262></i></a>
                            </label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-6>
                                  <input class="form-control pay_to" data-title="The address to transfer the balance to" placeholder="The address to transfer the balance to" maxlength=128 oninput=base58.check(this) onchange='$("#send-balance .pay_to_label").text(bridge.getAddressLabel(this.value))'></div>
                                <div class=col-sm-3>
                                  <span class="form-control pay_to_label translate" data-title="The label for this address" style=overflow:hidden;white-space:nowrap>(no label)</span></div>
                                <div class="btn-group col-sm-3 sm-m-t-10">
                                  <a data-title="Choose from address book" data-toggle=modal data-target=#address-lookup-modal href=# onclick='addressLookup("send-balance .pay_to,send-balance .pay_to_label",!0,"Stealth")' class="btn btn-default">
                                    <i class="fa fa-book"></i>
                                  </a>
                                  <a data-title="Paste address from clipboard" class="btn btn-default" onclick='paste("#send-balance .pay_to")'>
                                    <i class="fa fa-files-o"></i>
                                  </a>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class=form-group style="border-bottom:1px solid #F0F1F3">
                            <label class="col-sm-3 control-label option p-l-20" for=send-balance-amount class=recipient><span class=translate>Amount</span>
                              <a href=#>
                                <i class="p-b-5 fa fa-question-circle" data-title="Amount to transfer" style=color:#626262></i></a>
                            </label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <input id=send-balance-amount class="form-control amount" placeholder=0.00000000 step=0.01 type=number value=0.00000000 onfocus=invalid($(this),!0) onchange='unit.parse(this,$("#send-balance .unit").val()),sendPage.updateCoinControl()'></div>
                                <select class="unit select-drop-down" style=margin-left:7px onchange='unit.format("#send-balance .amount",$(this).val())'>
                                  <option value=0 title=DChatCredit>DCC
                                    <option value=1 title="Milli-DChatCredit (1 / 1000)">mDCC
                                      <option value=2 title="Micro-DChatCredit (1 / 1000000)">&micro;DCC
                                        <option value=3 title="DChatCreditshi (1 / 100000000)">sDCC</select></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="pull-right m-r-15 m-t-10 m-b-25">
                    <a id=add_recipient class="btn btn-default btn-cons" data-title="Send to multiple recipients at once" onclick=sendPage.addRecipient()>
                                          <i class="fa fa-user"></i>&nbsp;<span class=translate>Add Recipient</span></a>
                    <a class="btn btn-default btn-cons" onclick=sendPage.clearRecipients()>
                      <i class="fa fa-close"></i>&nbsp;<span class=translate>Clear All</span></a>
                    <a class="btn btn-default btn-cons" href=javascript:sendPage.suggestRingSize(); id=suggest_ring_size>
                      <i class="fa fa-calculator"></i>&nbsp;<span class=translate>Suggest Ring Size</span></a>
                    <a class="btn btn-primary btn-cons" onclick=sendPage.sendCoins()><span class=translate>Send Payment</span>
                      <i class="fa fa-arrow-right"></i></a>
                  </div>
                  <div class=clearfix></div>
                </form>
              </div>
            </div>
          </div>
        </article>
        <article id=receive>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Receive</h4></div>
              <div class="p-t-10 pull-right">
                <div class=form-group>
                  <select class="select-drop-down m-l-10" id=filter-addresstype>
                    <option class=translate selected title=Type.. value="">Filter by type..
                      <option class=translate title=Normal value=Normal>Normal
                        <option class=translate title=Stealth value=Stealth>Stealth
                          <option class=translate title=BIP32 value=BIP32>BIP32</select></div>
              </div>
              <div class="p-t-10 pull-right">
                <div class=form-group>
                  <input id=receive-filter style=display:none>
                  <input class=form-control style=width:200px id=filter-address placeholder="Search by label or address..."></div>
              </div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-b-35 m-l-35 m-r-35">
              <div class="panel full-width">
                <table cellspacing=0 class="footable shadow table table-hover" data-filter=#receive-filter data-page-size=20 id=receive-table width=100% style="border-bottom:1px solid rgba(230,230,230,.7)">
                  <thead>
                    <tr>
                      <th style=padding-left:18px data-sort-initial=true data-toggle=true><span class=translate>Label</span>
                        <th data-hide=phone><span class=translate>Address</span>
                          <th data-hide=phone data-sort-ignore=true><span class=translate>Public Key</span>
                            <th data-hide=phone><span class=translate>Type</span>
                              <tbody>
                                <tfoot>
                                  <tr>
                                    <td colspan=4>
                                      <div class="pagination pager hide-if-no-paging"></div></table>
                <div class="center-div m-t-25 m-b-25">
                  <a class="btn btn-default btn-cons" data-target=#qrcode-modal data-toggle=modal onclick='showQRCode($("#receive .footable .selected .address").text(),$("#receive .footable .selected .label2").attr("data-value"))'>
                    <i class="fa fa-qrcode"></i>&nbsp;<span class=translate>Show QR Code</span></a>
                  <a class="btn btn-default btn-cons" data-target=#add-address-modal data-toggle=modal onclick='clearRecvAddress(),$("#add-rcv-address").show(),$("#add-send-address").hide()'>
                    <i class="fa fa-plus"></i>&nbsp;<span class=translate>New Address</span></a>
                  <a class="btn btn-default btn-cons" href="javascript:copy('#receive .footable .selected .address');">
                    <i class="fa fa-copy"></i>&nbsp;<span class=translate>Copy Address</span></a>
                  <a class="btn btn-default btn-cons" id=sign-message-button data-target=#verify-sign-message-modal data-toggle=modal onclick='$("#sign-href").click(),$("#sign-address").val($("#receive .footable .selected .address").text())'>
                    <i class="fa fa-pencil-square-o"></i>&nbsp;<span class=translate>Sign Message</span></a>
                </div>
                <div class=clearfix></div>
              </div>
            </div>
          </div>
        </article>
        <article id=transactions>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Transactions</h4></div>
              <div class="p-t-10 pull-right">
                <div class=form-group>
                  <input class=form-control id=filter-transaction placeholder="Search transactions.."></div>
              </div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-b-35 m-l-35 m-r-35">
              <div class="panel full-width">
                <table class="footable shadow table table-hover" data-page-size=20 data-limit-navigation=5 id=transactions data-filter=#filter-transaction data-manual=true width=100% style="border-bottom:1px solid rgba(230,230,230,.7)">
                  <thead>
                    <tr>
                      <th data-type=numeric data-sort-initial=descending data-title="Date and time that the transaction was received."><span class=translate>Date</span>
                        <th data-hide=phone style=text-align:center;padding-left:12px data-toggle=true data-type=numeric data-title="Transaction status. Hover over this field to show number of confirmations.">
                          <th data-hide=phone data-title="Type of transaction."><span class=translate>Type</span>
                            <th data-title="Destination address of transaction."><span class=translate>Address</span>
                              <th data-hide=phone data-title="Short payment note."><span class=translate>Narration</span>
                                <th data-type=numeric data-title="Amount removed from or added to balance."><span class=translate>Amount</span>
                                  <tbody>
                                    <tfoot>
                                      <tr>
                                        <td colspan=6>
                                          <div class="pagination pager hide-if-no-paging"></div></table>
              </div>
            </div>
          </div>
        </article>
        <article id=addressbook>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Address Book</h4></div>
              <div class="p-t-10 pull-right">
                <div class=form-group>
                  <input class=form-control style=width:200px id=filter-addressbook placeholder="Search by label or address."></div>
              </div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-l-35 m-r-35">
              <div class="panel full-width bg-transparent">
                <div class="panel full-width">
                  <table cellspacing=0 class="footable shadow table table-hover" data-filter=#filter-addressbook data-page-size=20 width=100% style="border-bottom:1px solid rgba(230,230,230,.7)">
                    <thead>
                      <tr>
                        <th style=padding-left:18px data-sort-initial=true data-toggle=true><span class=translate>Label</span>
                          <th data-hide=phone><span class=translate>Address</span>
                            <th data-hide=phone><span class=translate>Public Key</span>
                              <th data-hide=phone><span class=translate>Type</span>
                                <tbody>
                                  <tfoot>
                                    <tr>
                                      <td colspan=3>
                                        <div class="pagination pager hide-if-no-paging"></div></table>
                  <div class="center-div m-t-25 m-b-25">
                    <a class="btn btn-default btn-cons" data-target=#add-address-modal data-toggle=modal onclick='$("#add-rcv-address").hide(),clearSendAddress(),$("#add-send-address").show()'>
                      <i class="fa fa-plus"></i>&nbsp;<span class=translate>New Address</span></a>
                    <a class="btn btn-default btn-cons" href="javascript:copy('#addressbook .footable .selected .address');">
                      <i class="fa fa-copy"></i>&nbsp;<span class=translate>Copy Address</span></a>
                    <a class="btn btn-default btn-cons" data-target=#qrcode-modal data-toggle=modal onclick='showQRCode($("#addressbook .footable .selected .address").text(),$("#addressbook .footable .selected .label").attr("data-value"))'>
                      <i class="fa fa-qrcode"></i>&nbsp;<span class=translate>Show QR Code</span></a>
                    <a class="btn btn-default btn-cons" data-target=#verify-sign-message-modal data-toggle=modal onclick='$("#verify-href").click(),$("#verify-address").val($("#addressbook .footable .selected .address").text())'>
                      <i class="fa fa-check"></i>&nbsp;<span class=translate>Verify Message</span></a>
                    <a class="btn btn-default btn-cons" href=#filter-addressbook onclick='var e=$("#addressbook .footable .selected .address");bridge.deleteAddress(e.text())&&e.closest("tr").remove()'>
                      <i class="fa fa-close"></i>&nbsp;<span class=translate>Delete</span></a>
                  </div>
                  <div class=clearfix></div>
                </div>
              </div>
            </div>
          </div>
        </article>
        <div class="modal fade stick-up" id=new-contact-modal tabindex=-1 role=dialog aria-hidden=true>
          <div class=modal-dialog>
            <div class="modal-content p-b-25" style=background:#fff>
              <div class="modal-header clearfix text-left">
                <button type=button class=close data-dismiss=modal aria-hidden=true>
                  <i class="pg-close fs-20"></i>
                </button>
                <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Start Private Conversation</h5>
                <div class=form-group>
                  <div class=col-sm-12>
                    <label class=translate for=new-contact-address>Address:</label>
                    <div class=row>
                      <div class=col-sm-8>
                        <input id=new-contact-address class="recipient form-control input_box" data-title="The address to send the payment to  (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" placeholder="Enter a DChatCredit address (e.g. SNh9Y2qWUhiYvnB61LbfcN2bpCcXZrGKLB)" onchange='base58.check(this)&&($("#new-contact-name").val(bridge.getAddressLabel(this.value)),$("#new-contact-pubkey").val(bridge.getPubKey(this.value)).change())' maxlength=128 oninput=base58.check(this),this.value.trim()></div>
                      <div class=col-sm-4>
                        <div class=btn-group>
                          <a class="btn btn-default" data-title="Choose address from address book" data-toggle=modal data-target=#address-lookup-modal href=# onclick='addressLookup("new-contact-address,new-contact-name",!1,"Normal")'>
                            <i class="fa fa-book"></i>
                          </a>
                          <a class="btn btn-default" data-title="Paste address from clipboard" onclick='paste("#new-contact-address")'>
                            <i class="fa fa-files-o"></i>
                          </a>
                          <a class="btn btn-default" data-title="Remove this recipient" onclick='$("#new-contact-address").val("").css("background","").css("color","")'>
                            <i class="fa fa-times"></i>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <label class=translate for=new-contact-name>Name:</label>
                    <div class=row>
                      <div class=col-sm-12>
                        <input id=new-contact-name class="recipient form-control input_box" data-title="Enter a label for this address to add it to your address book" placeholder="Enter a label for this address to add it to your address book" maxlength=128></div>
                    </div>
                  </div>
                </div>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <label class=translate for=new-contact-pubkey>Public Key:</label>
                    <div class=row>
                      <div class=col-sm-12>
                        <input id=new-contact-pubkey class="recipient form-control input_box" data-title="Enter a public key for the address above" placeholder="Enter a public key for the address above" oninput=base58.check(this) onchange='invalid($(this),bridge.setPubKey($("#new-contact-address").val(),this.value))'></div>
                    </div>
                  </div>
                </div>
                <div class="pull-right m-r-10 m-t-25">
                  <a class="btn btn-danger btn-cons" href=# onclick=newConversation()><span class=translate>Start Conversation</span>
                    <i class="fa fa-check"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal fade stick-up" id=new-group-modal tabindex=-1 role=dialog aria-hidden=true>
          <div class=modal-dialog>
            <div class="modal-content p-b-25" style=background:#fff>
              <div class="modal-header clearfix text-left">
                <button type=button class=close data-dismiss=modal aria-hidden=true>
                  <i class="pg-close fs-20"></i>
                </button>
                <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Start Group Conversation</h5>
                <div class=form-group>
                  <div class="col-sm-8 p-t-15">
                    <label class=translate for=new-group-name>Group name:</label>
                    <input id=new-group-name class="recipient form-control input_box" data-title="Enter a label for this group" placeholder="Enter a label for this group" maxlength=128></div>
                  <div class="col-sm-4 p-t-15">
                    <div class="pull-right m-t-25">
                      <a class="btn btn-danger" onclick=createGroupChat()><span class=translate>Create Group</span>
                        <i class="fa fa-check"></i></a>
                    </div>
                  </div>
                </div>
                <br>
                <br>
                <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Invite others</h5>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <label class=translate for=filter-new-group>Search</label>
                    <input class="form-control input_box" id=filter-new-group placeholder="Search by label or address..."></div>
                </div>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <div class=row>
                      <div class=col-sm-12>
                        <div class="panel full-width bg-transparent">
                          <div class="panel full-width">
                            <table cellspacing=0 class="footable shadow table table-hover" data-filter=#filter-new-group data-page-size=20 width=100% style="border-bottom:1px solid rgba(230,230,230,.7)">
                              <thead>
                                <tr>
                                  <th style=padding-left:18px data-sort-initial=true data-toggle=true><span class=translate>Label</span>
                                    <th data-hide=phone><span class=translate>Address</span>
                                      <th data-hide=phone><span class=translate>Invite</span>
                                        <tbody id=group-modal-tbody>
                                          <tfoot>
                                            <tr>
                                              <td colspan=3>
                                                <div class="pagination pager hide-if-no-paging"></div></table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal fade stick-up" id=invite-to-group-modal tabindex=-1 role=dialog aria-hidden=true>
          <div class=modal-dialog>
            <div class="modal-content p-b-25" style=background:#fff>
              <div class="modal-header clearfix text-left">
                <button type=button class=close data-dismiss=modal aria-hidden=true>
                  <i class="pg-close fs-20"></i>
                </button>
                <h5 class="p-l-10 translate" style="border-bottom:1px solid #F0F1F3">Invite others to group</h5>
                <div class=form-group>
                  <div class="col-sm-8 p-t-15">
                    <label class=translate for=existing-group-name>Group name:</label>
                    <input id=existing-group-name class="recipient form-control input_box" data-title="Enter a label for this group" placeholder="Enter a label for this group" maxlength=128 disabled></div>
                  <div class="col-sm-4 p-t-15">
                    <div class="pull-right m-t-25">
                      <a class="btn btn-danger" onclick=submitInviteModal()><span class=translate>Invite to Group</span>
                        <i class="fa fa-check"></i></a>
                    </div>
                  </div>
                </div>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <label class=translate for=filter-new-group>Search</label>
                    <input class="form-control input_box" id=filter-existing-group placeholder="Search by label or address..."></div>
                </div>
                <div class=form-group>
                  <div class="col-sm-12 p-t-15">
                    <div class=row>
                      <div class=col-sm-12>
                        <div class="panel full-width bg-transparent">
                          <div class="panel full-width">
                            <table cellspacing=0 class="footable shadow table table-hover" data-filter=#filter-existing-group data-page-size=20 width=100% style="border-bottom:1px solid rgba(230,230,230,.7)">
                              <thead>
                                <tr>
                                  <th style=padding-left:18px data-sort-initial=true data-toggle=true><span class=translate>Label</span>
                                    <th data-hide=phone><span class=translate>Address</span>
                                      <th data-hide=phone><span class=translate>Invite</span>
                                        <tbody id=invite-modal-tbody>
                                          <tfoot>
                                            <tr>
                                              <td colspan=3>
                                                <div class="pagination pager hide-if-no-paging"></div></table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id=quickview class=quickview-wrapper data-framework=quickview style=z-index:99999>
          <ul class="nav nav-tabs">
            <li id=quickview-private-tab onclick=contactScroll.refresh()>
              <a href=#quickview-private data-toggle=tab>
                <i class="fa fa-user"></i>&nbsp;<span class=translate>PRIVATE</span></a>
              <li id=quickview-group-tab onclick=contactGroupScroll.refresh()>
                <a href=#quickview-group data-toggle=tab>
                  <i class="fa fa-users"></i>&nbsp;<span class=translate>GROUP</span></a>
                <li id=quickview-book-tab>
                  <a href=#quickview-book data-toggle=tab>
                    <i class="fa fa-bars"></i>&nbsp;<span class=translate>BOOK</span></a>
          </ul>
          <a class="btn-link quickview-toggle" data-toggle-element=#quickview data-toggle=quickview>
            <i class=pg-close></i>
          </a>
          <div class=tab-content>
            <div class="tab-pane fade in active no-padding" id=quickview-private>
              <div class="view-port clearfix quickview-private" id=note-views>
                <a href=# data-target=#new-contact-modal data-toggle=modal id=start-conversation>
                  <i class="fa fa-plus margin-right-10"></i>&nbsp;<span class=translate>Start Private Conversation</span></a>
                <div class="view bg-white" style=height:auto>
                  <div id=contact-list class=contact-list>
                    <ul></ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade no-padding" id=quickview-group>
              <div class="view-port clearfix" id=alerts>
                <a href=# data-target=#new-group-modal data-toggle=modal id=start-conversation>
                  <i class="fa fa-plus margin-right-10"></i>&nbsp;<span class=translate>Start Group Conversation</span></a>
                <div id=group-invite-list></div>
                <div class="view bg-white">
                  <div id=contact-group-list class=contact-list>
                    <ul></ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade no-padding" id=quickview-book>
              <div class="view-port clearfix" id=alerts>
                <div class="view bg-white">
                  <div id=contact-book-list class=contact-list>
                    <ul></ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <article id=messages>
          <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px;margin-bottom:0 role=navigation>
            <div class="pull-left chat-header">
              <h4 class="translate uppercase" style=font-weight:bolder id=chat-header data-value="">Chat</h4></div>
            <div id=leave-group-btn class="p-t-10 p-r-10 pull-right" style=display:none>
              <a href=# class="btn btn-default btn-cons" data-toggle=quickview data-toggle-element=#quickview>
                <i class="fa fa-sign-out"></i>&nbsp;<span class=translate>Leave Group</span></a>
            </div>
            <div id=invite-group-btn class="p-t-10 p-r-10 pull-right" style=display:none>
              <a href=# class="btn btn-default btn-cons" data-toggle=modal data-target=#invite-to-group-modal onclick=openInviteModal()>
                <i class="fa fa-user-plus"></i>&nbsp;<span class=translate>Invite</span></a>
            </div>
            <div class=container-fluid>
              <div class=navbar-header></div>
            </div>
          </nav>
          <div class="row chat-body" style=margin-left:0;margin-right:0>
            <div class="panel full-width bg-transparent" style=margin-bottom:0;padding:0>
              <div class="panel full-width bg-transparent" style=margin-bottom:0;padding:0>
                <div class=contact-discussion>
                  <ul></ul>
                </div>
              </div>
            </div>
            <div class=answer>
              <form action="" class=text-box method="=">
                <a class="bold button button-icon" href=# onclick='editorCommand("**","**")'>
                  <i class="fa fa-bold"></i>
                </a>
                <a class="italic button button-icon" href=# onclick='editorCommand("*","*")'>
                  <i class="fa fa-italic"></i>
                </a>
                <a class="underline button button-icon" href=# onclick='editorCommand("__","__")'>
                  <i class="fa fa-underline"></i>
                </a>
                <a href=# class="strikethrough button button-icon" onclick='editorCommand("~~","~~")'>
                  <i class="fa fa-strikethrough"></i>
                </a>
                <a href=# class="link button button-icon" onclick='editorCommand("[","](http://gmac.tech)")'>
                  <i class="fa fa-link"></i>
                </a>
                <a href=# class="image button button-icon" onclick='editorCommand("![imageinfo](",")")'>
                  <i class="fa fa-image"></i>
                </a>
                <label for=message-from-address></label>
                <select class=select-drop-down-chat id=message-from-address placeholder="From address:"></select>
                <input id=message-to-address type=hidden>
                <input id=pasteTo type=hidden>
                <textarea id=message-text rows=4 maxlength=4000 placeholder="Type your message here ..."></textarea>
              </form>
            </div>
          </div>
        </article>
        <article id=chaindata>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Chain Data</h4></div>
              <div class="p-t-10 pull-right">
                <div class=form-group>
                  <input class=form-control id=filter-outputs placeholder="Filter outputs..."></div>
              </div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-b-35 m-l-35 m-r-35">
              <div class="panel full-width bg-transparent">
                <div class="panel full-width" style=padding:0>
                  <table cellspacing=0 class="footable shadow table" data-filter=#filter-outputs data-page=false width=100%>
                    <thead>
                      <tr>
                        <th class="sorting" data-sort-initial=ascending data-toggle=true data-type=numeric title="Coin Value"><span class=translate>Coin Value</span>
                          <th class="sorting" data-hide=phone,tablet data-type=numeric title="No. Owned Mature"><span class=translate>Owned (Mature)</span>
                            <th class="sorting" data-hide=phone data-type=numeric title="No. System Mature"><span class=translate>System (Mature)</span>
                              <th class="sorting" data-type=numeric title="No. Spends"><span class=translate>Spends</span>
                                <th class="sorting" data-hide=phone data-type=numeric title="Chain Least Depth"><span class=translate>Least Depth</span>
                                  <tbody>
                                    <tfoot>
                                      <tr>
                                        <td colspan=5>
                                          <div class="pagination pager hide-if-no-paging"></div></table>
                </div>
              </div>
            </div>
          </div>
        </article>
        <article id=blockdata>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Block Explorer</h4></div>
              <div class="p-t-10 pull-right">
                <a href=# onclick='$("#filter-blocks").val(""),blockExplorerPage.updateLatestBlocks()' class="btn btn-danger btn-cons btn-animated from-left fa fa-refresh">
                  <span class=translate>Refresh</span></a>
              </div>
              <div class="p-t-10 m-r-15 pull-right">
                <input class=form-control style=width:270px id=filter-blocks onblur=blockExplorerPage.findBlock(this.value) onkeydown="13==event.keyCode&&blockExplorerPage.findBlock(this.value)" placeholder="Find Block by hash/height/transaction"></div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-b-35 m-l-35 m-r-35">
              <div class="panel full-width bg-transparent">
                <div class="panel full-width" style=padding:0>
                  <table cellspacing=0 class="footable shadow table" data-filter=#filter-outputs data-page=false id=latest-blocks-table width=100%>
                    <thead>
                      <tr>
                        <th class="sorting" data-sort-initial=ascending data-toggle=true title=Hash><span class=translate>Hash</span>
                          <th class="sorting" data-sort-initial=ascending data-toggle=true data-type=numeric title=Height><span class=translate>Height</span>
                            <th class="sorting" data-type=numeric title=Timestamp><span class=translate>Timestamp</span>
                              <th class="sorting" data-type=numeric title=Transactions><span class=translate>Transactions</span>
                                <tbody></table>
                  <table cellspacing=0 class="footable shadow table dataTable table-hover" id=block-txs-table width=100%>
                    <thead>
                      <tr>
                        <th data-sort-initial=ascending data-toggle=true title="Transaction Hash"><span class=translate>Transaction Hash</span>
                          <th data-sort-initial=ascending data-toggle=true data-type=numeric title="Value Out"><span class=translate>Value Out</span>
                            <tbody>
                              <tfoot style=display:none>
                                <tr>
                                  <td colspan=2>
                                    <div class="pagination pager hide-if-no-paging"></div></table>
                </div>
              </div>
            </div>
          </div>
        </article>
        <article id=options>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Options</h4></div>
              <div class="p-t-15 pull-right"></div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class="row m-t-45 m-l-35 m-r-35">
              <div class="panel full-width bg-transparent">
                <div class="panel full-width" style="border-bottom:1px solid rgba(230,230,230,.7)">
                  <form autocomplete=off class=form-horizontal id=form-work name=form-work>
                    <ul class="nav nav-tabs nav-tabs-simple nav-tabs-simple-bg">
                      <li class=active style=font-weight:bolder;color:#333>
                        <a class=translate data-toggle=tab href=#tab1main>Main</a>
                        <li style=font-weight:bolder;color:#333>
                          <a class=translate data-toggle=tab href=#tab1network>Network</a>
                          <li style=font-weight:bolder;color:#333>
                            <a class=translate data-toggle=tab href=#tab1window>Window</a>
                            <li style=font-weight:bolder;color:#333>
                              <a class=translate data-toggle=tab href=#tab1display>Display</a>
                              <li style=font-weight:bolder;color:#333>
                                <a data-toggle=tab href=#tab1i2p>I2P</a>
                                <li style=font-weight:bolder;color:#333>
                                  <a data-toggle=tab href=#tab1tor>Tor</a></ul>
                    <div class=tab-content>
                      <div class="tab-pane active" id=tab1main>
                        <div class=row>
                          <div class=col-md-12>
                            <div id=options-main>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optStartAtStartup>Start DChatCredit on system login</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optStartAtStartup type=checkbox>
                                    <label class=option for=optStartAtStartup></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optDetachDatabases>Detach databases at shutdown</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optDetachDatabases type=checkbox>
                                    <label class=option for=optDetachDatabases></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optFee>Pay transaction fee:</label>
                                <div class=col-sm-9>
                                  <p class="small hint-text translate">Optional transaction fee per kB that helps make sure your transactions are processed quickly.
                                    <p class="small hint-text translate">Most transactions are 1kB. Fee 0.01 recommended.</p>
                                    <input id=optFee class=form-control-options-page onchange='unit.parse(this,$("#optFeeunit").val())' placeholder=0.00000000 step=0.01 type=number value=0.00000000>
                                    <select class=select-drop-down id=optFeeunit onchange='unit.format("#optFee",$(this).val())'>
                                      <option title=DChatCredit value=0>DCC
                                        <option title="Milli-DChatCredit (1 / 1000)" value=1>mDCC
                                          <option title="Micro-DChatCredit (1 / 1000000)" value=2>&micro;DCC
                                            <option title="DChatCreditshi (1 / 100000000)" value=3>sDCC</select></div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optStaking>Enable Staking</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input data-linked="optReserveBalance optReserveBalanceunit" id=optStaking type=checkbox>
                                    <label class=option for=optStaking></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optReserveBalance>Reserve:</label>
                                <div class=col-sm-9>
                                  <p class="small hint-text translate">Reserved amount does not participate in staking and is therefore spendable at any time.</p>
                                  <input id=optReserveBalance class=form-control-options-page onchange='unit.parse(this,$("#optReserveBalanceunit").val())' placeholder=0.00000000 step=0.01 type=number value=0.00000000>
                                  <select class=select-drop-down id=optReserveBalanceunit onchange='unit.format("#optReserveBalance",$(this).val())'>
                                    <option title=DChatCredit value=0>DCC
                                      <option title="Milli-DChatCredit (1 / 1000)" value=1>mDCC
                                        <option title="Micro-DChatCredit (1 / 1000000)" value=2>&micro;DCC
                                          <option title="DChatCreditshi (1 / 100000000)" value=3>sDCC</select></div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optMinStakeInterval title="Minimum time in seconds between successful stakes">Minimum Stake Interval</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <input id=optMinStakeInterval class=form-control-options-page placeholder=30 title="Minimum time in seconds between successful stakes" type=number></div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optMinRingSize>Minimum Ring size:</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <input id=optMinRingSize class=form-control-options-page min=3 placeholder=3 type=number></div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optMaxRingSize title="Minimum time in seconds between successful stakes">Maximum Ring size:</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <input id=optMaxRingSize class=form-control-options-page max=200 placeholder=100 step=1 type=number></div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optAutoRingSize>Automatically select ring size</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optAutoRingSize title="Automatically select ring size based on best available output counts" type=checkbox>
                                    <label class=option for=optAutoRingSize title="Automatically select ring size based on best available output counts"></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optSecureMessaging>Enable Secure messaging</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optSecureMessaging type=checkbox>
                                    <label class=option for=optSecureMessaging></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate">Thin Mode (Requires Restart)</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input data-linked="optThinFullIndex optThinIndexWindow" id=optThinMode type=checkbox>
                                    <label class=option for=optThinMode></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optThinFullIndex>Thin Full Index</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optThinFullIndex title="Keep the entire block index in memory" type=checkbox>
                                    <label class=option for=optThinFullIndex title="Keep the entire block index in memory"></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optThinIndexWindow title="When not thinfullindex, the max number of block headers to keep in memory">Thin Index Window</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <input id=optThinIndexWindow class=form-control-options-page placeholder=4096 step=64 title="When not thinfullindex, the max number of block headers to keep in memory" type=number></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=tab-pane id=tab1network>
                        <div class=row>
                          <div class=col-md-12>
                            <div id=options-network>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optMapPortUPnP>Map port using UPnP</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optMapPortUPnP type=checkbox>
                                    <label class=option for=optMapPortUPnP></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optProxyUse>Connect through SOCKS proxy:</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input data-linked="optProxyIP optProxyPort optProxySocksVersion" id=optProxyUse type=checkbox>
                                    <label class=option for=optProxyUse></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate">Details</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <label class="option m-r-10 translate" for=optProxyIP>Proxy IP:</label>
                                    <input class="input_box form-control-options-page" id=optProxyIP placeholder=127.0.0.1>
                                    <label class="option m-r-10 m-l-10 translate" for=optProxyPort>Port:</label>
                                    <input class="input_box form-control-options-page" id=optProxyPort placeholder=9050>
                                    <label class="option m-r-10 m-l-10 translate" for=optProxySocksVersion>SOCKS Version:</label>
                                    <select class=select-drop-down-small id=optProxySocksVersion>
                                      <option>4
                                        <option>5</select></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=tab-pane id=tab1window>
                        <div class=row>
                          <div class=col-md-12>
                            <div id=options-window>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optMinimizeToTray>Minimize to the tray instead of the taskbar</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optMinimizeToTray type=checkbox>
                                    <label class=option for=optMinimizeToTray></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optMinimizeOnClose>Minimize on close</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optMinimizeOnClose type=checkbox>
                                    <label class=option for=optMinimizeOnClose></label>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=tab-pane id=tab1display>
                        <div class=row>
                          <div class=col-md-12>
                            <div id=options-display>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optLanguage>User Interface language:</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <select class=select-drop-down id=optLanguage></select>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optDisplayUnit>Unit to show amounts in:</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <select class=select-drop-down id=optDisplayUnit>
                                      <option title=DChatCredit value=0>DCC
                                        <option title="Milli-DChatCredit (1 / 1000)" value=1>mDCC
                                          <option title="Micro-DChatCredit (1 / 1000000)" value=2>&micro;DCC
                                            <option title="DChatCreditshi (1 / 100000000)" value=3>sDCC</select></div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label option p-l-20 translate" for=optRowsPerPage>Rows per page:</label>
                                <div class=col-sm-9>
                                  <div class=option>
                                    <input class=form-control-options-page id=optRowsPerPage placeholder=20 step=5 type=number value=20></div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optDisplayAddresses>Display addresses in transaction list</label>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=optDisplayAddresses type=checkbox>
                                    <label class=option for=optDisplayAddresses></label>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optNotifications>Notifications:</label>
                                <div class=col-sm-9>
                                  <div class="option select-multiple">
                                    <select class="option cs-select cs-skin-slide" class=form-control-options-page id=optNotifications multiple size=8></select>
                                  </div>
                                </div>
                              </div>
                              <div class=form-group>
                                <label class="col-sm-3 control-label p-l-20 translate" for=optVisibleTransactions>Visible Transaction Types:</label>
                                <div class=col-sm-9>
                                  <select class="option cs-select cs-skin-slide" class=form-control-options-page id=optVisibleTransactions multiple size=7></select>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class=tab-pane id=tab1i2p>
                        <div class=row>
                          <div class=col-md-12>
                            <div class=translate id=options-display>I2P (coming soon)</div></div>
                        </div>
                      </div>
                      <div class=tab-pane id=tab1tor>
                        <div class=row>
                          <div class=col-md-12>
                            <div class=translate id=options-display>TOR (coming soon)</div></div>
                        </div>
                      </div>
                    </div>
                    <div class="center-div m-t-25 m-b-25 p-t-25" style="border-top:1px solid rgba(230,230,230,.7)">
                      <a class="btn btn-default btn-cons" id=options-cancel onclick=optionsPage.update(),prevPage.click()>
                        <i class="fa fa-times"></i>&nbsp;<span class=translate>Cancel</span></a>
                      <a class="btn btn-default btn-cons" id=options-apply onclick='this.className.indexOf("disabled")==-1&&optionsPage.save()'><span class=translate>Apply</span>
                        <i class="fa fa-check"></i></a>
                      <a class="btn btn-default btn-cons" id=options-ok onclick='this.className.indexOf("disabled")==-1&&(optionsPage.save(),prevPage.click())'><span class=translate>Ok</span>
                        <i class="fa fa-check"></i></a>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </article>
        <article id=walletmanagement>
          <div class=page-content-wrapper>
            <nav class="navbar navbar-default nav-sub-menu p-t-10 p-b-10 p-r-35 p-l-35" style=min-height:75px role=navigation>
              <div class=pull-left>
                <h4 class="translate uppercase" style=font-weight:bolder>Wallet Management</h4></div>
              <div class="p-t-10 pull-right"></div>
              <div class=container-fluid>
                <div class=navbar-header></div>
              </div>
            </nav>
            <div class=page-content-wrapper>
              <div class="row m-t-45 m-l-35 m-r-35">
                <div class="panel full-width" style=background:#F0F1F3>
                  <div id=wizards style=position:relative>
                    <div id=new-key-wizard class=wizardblock style=background:#fff>
                      <div>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Lets create a New Wallet and Account to get you started!</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work>
                          <div class=form-group>
                            <label for=new-account-label class="col-sm-3 control-label option p-l-20 recipient translate" placeholder="Family vacation funds">Wallet Name</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <input id=new-account-label class="form-control recipient input_box" data-title="Name for this Wallet"></div>
                              </div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label for=new-account-passphrase class="col-sm-3 control-label option p-l-20 recipient translate">Password</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <input id=new-account-passphrase type=password class="form-control recipient input_box" data-title="Enter a password">
                                  <br><span class=translate>Add an optional Password to secure the Recovery Phrase (shown on next page)</span></div></div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 translate" for=new-account-bip44>Would you like to create a Multi-Account HD Key? (BIP44)</label>
                            <div class=col-sm-9>
                              <div class="checkbox option check-danger">
                                <input id=new-account-bip44 data-title="Would you like to create a bip44 path?" type=checkbox checked>
                                <label class=option for=new-account-bip44></label>
                              </div>
                            </div>
                          </div>
                          <div class=form-group style="border-bottom:1px solid #F0F1F3">
                            <label for=new-account-language class="col-sm-3 control-label option p-l-20 recipient translate">Language</label>
                            <div class=col-sm-9>
                              <select id=new-account-language class=select-drop-down style=width:195px>
                                <option class=translate value=1 title=English>English
                                  <option class=translate value=2 title=French>French
                                    <option class=translate value=3 title=Japanese>Japanese
                                      <option class=translate value=4 title=Spanish>Spanish
                                        <option class=translate value=5 title="Chinese (Simplified)">Chinese (Simplified)
                                          <option class=translate value=6 title="Chinese (Traditional)">Chinese (Traditional)</select></div>
                          </div>
                          <div class="pull-right m-l-15 m-t-25 m-b-25">
                            <div id=fwdWiz class="btn btn-danger btn-cons wizzardfwd" onclick='$(".wizardback").show(),gotoWizard("new-key-wizard",1,!0)'><span class=translate>Next Step</span>
                              <i class="fa fa-arrow-right"></i></div>
                          </div>
                        </form>
                        <div class=clearfix></div>
                      </div>
                      <div stepjs=walletManagementPage.newMnemonic();>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Write your Wallet Recovery Phrase</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 translate" for="">Recovery Phrase</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <textarea id=new-key-mnemonic style="height:100px;font-family:'Open Sans','NotoCJK Japanese','NotoCJK Chinese simplified','NotoCJK Chinese traditional';color:#2c2c2c" class="form-control input_box" placeholder="Recovery Phrase" data-title="Your recovery phrase (Keep this safe!)" readonly></textarea>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 translate" for="">Important!</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9 style=color:#E3223C>
                                  <b><span class=translate>You need the Wallet Recovery Phrase to restore this wallet. Write it down and keep them somewhere safe.</span>
                                    <br><span class=translate>You will be asked to confirm the Wallet Recovery Phrase in the next screen to ensure you have written it down correctly</span></b></div>
                              </div>
                            </div>
                          </div>
                          <div class="pull-left m-r-15 m-t-25 m-b-25">
                            <div id=backWiz class="btn btn-default btn-cons wizzardback" onclick='$(".wizardback").show(),gotoWizard("new-key-wizard",0,!1)'>
                              <i class="fa fa-arrow-left"></i>&nbsp;<span class=translate>Back</span></div>
                          </div>
                          <div class="pull-right m-l-15 m-t-25 m-b-25">
                            <div id=fwdWiz class="btn btn-danger btn-cons wizzardfwd" onclick='$(".wizardback").show(),gotoWizard("new-key-wizard",2,!0)'><span class=translate>Next Step</span>
                              <i class="fa fa-arrow-right"></i></div>
                          </div>
                        </form>
                        <div class=clearfix></div>
                      </div>
                      <div validatejs=walletManagementPage.compareMnemonics();>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Please confirm your Wallet Recovery Phrase</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 translate" for="">Recovery Phrase</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <textarea id=validate-key-mnemonic style="height:100px;font-family:'Open Sans','NotoCJK Japanese','NotoCJK Chinese simplified','NotoCJK Chinese traditional';color:#2c2c2c" class="form-control input_box" placeholder="Recovery Phrase" data-title="Recovery Phrase"></textarea>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="pull-left m-r-15 m-t-25 m-b-25">
                            <div id=backWiz class="btn btn-default btn-cons wizzardback" onclick='$(".wizardback").show(),gotoWizard("new-key-wizard",1,!1)'>
                              <i class="fa fa-arrow-left"></i>&nbsp;<span class=translate>Back</span></div>
                          </div>
                          <div class="pull-right m-l-15 m-t-25 m-b-25">
                            <div id=fwdWiz class="btn btn-danger btn-cons wizzardfwd" onclick='$(".wizardback").show(),gotoWizard("new-key-wizard",3,!0)'><span class=translate>Next Step</span>
                              <i class="fa fa-arrow-right"></i></div>
                          </div>
                        </form>
                        <div class=clearfix></div>
                      </div>
                      <div stepjs=walletManagementPage.newKey(); endwiz=" walletManagementPage.gotoPage('overview'); ">
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Congratulations! You have successfully created a New Wallet and Account</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work>
                          <div class=form-group>
                            <center>
                              <br>
                              <br>
                              <h4><span class=translate>You can now use your Account to send and receive funds :)</span>
                                <br><span class=translate>Remember to keep your Wallet Recovery Phrase and Password (if set) safe in case you ever need to recover your wallet</span></h4>
                              <br>
                              <br></center>
                          </div>
                        </form>
                      </div>
                      <div class=clearfix></div>
                    </div>
                    <div id=recover-key-wizard class=wizardblock style=display:none>
                      <div validatejs=walletManagementPage.recoverKey(); style=background:#fff>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Lets import your Wallet</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 recipient translate" for=recover-account-label placeholder="Family vacation funds">Wallet Name</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <input id=recover-account-label class="form-control recipient input_box" data-title="Wallet Name for recovered account"></div>
                              </div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 recipient translate" for=recover-passphrase>Password</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <input id=recover-passphrase class="form-control recipient input_box" type=password data-title="Enter the password for the wallet you are trying to recover">
                                  <br><span class=translate>The Wallet Recovery Phrase could require a password to be imported</span></div></div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 recipient translate" for=recover-bip44>Is this a Multi-Account HD Key (BIP44)</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <div class="checkbox option check-danger">
                                    <input id=recover-bip44 data-title="Is this a bip44 path?" class=option type=checkbox checked>
                                    <label class=option for=recover-bip44></label>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class=form-group>
                            <label class="col-sm-3 control-label p-l-20 recipient translate" for=recover-bip44>Recovery Phrase (Usually 24 words)</label>
                            <div class=col-sm-9>
                              <div class=row>
                                <div class=col-sm-9>
                                  <textarea id=recover-key-mnemonic style="height:100px;font-family:'Open Sans','NotoCJK Japanese','NotoCJK Chinese simplified','NotoCJK Chinese traditional'" class="form-control input_box" placeholder="Recovery Phrase" data-title="Recovery Phrase"></textarea>
                                  <br></div>
                              </div>
                            </div>
                          </div>
                          <div class="pull-right m-l-15 m-t-25 m-b-25">
                            <div id=fwdWiz class="btn btn-danger btn-cons wizzardfwd" onclick='$(".wizardback").show(),gotoWizard("recover-key-wizard",1,!0)'><span class=translate>Next Step</span>
                              <i class="fa fa-arrow-right"></i></div>
                          </div>
                        </form>
                        <div class=clearfix></div>
                      </div>
                      <div endwiz="walletManagementPage.gotoPage('overview');" style=background:#fff>
                        <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                          <div class=panel-heading>
                            <div class=panel-title>
                              <p class=translate style=font-weight:bolder>Congratulations! You have successfully imported your Wallet from your Recovery Phrase</div></div>
                          <hr class=no-margin></div>
                        <form autocomplete=off class="form-horizontal m-l-15 m-r-15" id=form-work name=form-work style=background:#fff>
                          <div class=form-group>
                            <center>
                              <br>
                              <h4><span class=translate>You can now use your Account to send and receive funds :)</span>
                                <br><span class=translate>Remember to keep your Wallet Recovery Phrase and Password safe in case you ever need to recover your wallet again!</span></h4>
                              <br>
                              <br></center>
                          </div>
                        </form>
                      </div>
                      <div class=clearfix></div>
                    </div>
                  </div>
                  <div id=walletmanagement-advanced style=display:none>
                    <div class="panel panel-shadow panel-default no-border" id=portlet-linear-color>
                      <div class=panel-heading>
                        <div class=panel-title>
                          <p class=translate style=font-weight:bolder>Accounts</div></div>
                      <hr class=no-margin>
                      <table class="footable shadow table table-hover" id=extkey-account-table data-page=false data-manual=true width=100%>
                        <thead>
                          <tr>
                            <th data-toggle=true data-title=ID data-sort-initial=ascending><span class=translate>ID</span>
                              <th data-toggle=true data-title=Label data-sort-initial=ascending><span class=translate>Name</span>
                                <th data-toggle=true data-title=Created data-sort-initial=ascending><span class=translate>Created</span>
                                  <th data-toggle=true data-title="Active Account" data-sort-initial=ascending><span class=translate>Active Account</span>
                                    <th data-toggle=true data-title=Default data-sort-initial=ascending><span class=translate>Default</span>
                                      <tbody></table></div>
                    <div class="panel panel-shadow panel-default no-border m-b-25" style=background:#fff id=portlet-linear-color>
                      <div class=panel-heading>
                        <div class=panel-title>
                          <p class=translate style=font-weight:bolder>Wallet Keys</div></div>
                      <hr class=no-margin>
                      <table class="footable shadow table table-hover" id=extkey-table data-page=false data-manual=true width=100%>
                        <thead>
                          <tr>
                            <th data-toggle=true data-title=ID data-sort-initial=ascending><span class=translate>ID</span>
                              <th data-toggle=true data-title=Label data-sort-initial=ascending><span class=translate>Name</span>
                                <th data-toggle=true data-title=Path data-sort-initial=ascending><span class=translate>Path</span>
                                  <th data-toggle=true data-title=Active data-sort-initial=ascending><span class=translate>Active</span>
                                    <th data-toggle=true data-title=Master data-sort-initial=ascending><span class=translate>Master</span>
                                      <tbody></table>
                      <div class="center-div p-t-25 p-b-25">
                        <a class="btn btn-default btn-cons" id=btn-make-default-key href=# onclick=walletManagementPage.setDefault()>
                          <i class="fa fa-pencil-square-o"></i>&nbsp;<span class=translate>Make Default</span></a>
                        <a class="btn btn-default btn-cons" id=btn-activate-deactivate href=# onclick=walletManagementPage.changeActiveFlag()>
                          <i class="fa fa-pencil-square-o"></i>&nbsp;<span class=translate>Activate/Deactivate</span></a>
                        <a class="btn btn-default btn-cons" id=btn-set-master href=# onclick=walletManagementPage.setMaster()>
                          <i class="fa fa-pencil-square-o"></i>&nbsp;<span class=translate>Set as Master</span></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </article>
      </div>
    </div>
  </div>
  <script src=qrc:///assets/plugins/pace/pace.min.js></script>
  <script src=qrc:///assets/plugins/jquery/jquery-1.11.1.min.js></script>
  <script src=qrc:///assets/plugins/modernizr.custom.js></script>
  <script src=qrc:///assets/plugins/jquery-ui/jquery-ui.min.js></script>
  <script src=qrc:///assets/plugins/boostrapv3/js/bootstrap.min.js></script>
  <script src=qrc:///assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js></script>
  <script src=qrc:///assets/plugins/classie/classie.js></script>
  <script src=qrc:///assets/plugins/footable/footable.js></script>
  <script src=qrc:///assets/plugins/footable/footable.sort.js></script>
  <script src=qrc:///assets/plugins/footable/footable.filter.js></script>
  <script src=qrc:///assets/plugins/footable/footable.paginate.js></script>
  <script src=qrc:///assets/plugins/contextMenu/contextMenu.min.js></script>
  <script src=qrc:///assets/plugins/iscroll/iscroll.js></script>
  <script src=qrc:///assets/plugins/jquery-transit/jquery.transit.min.js></script>
  <script src=qrc:///assets/plugins/qrcode/qrcode.min.js></script>
  <script src=qrc:///assets/plugins/markdown/markdown.min.js></script>
  <script src=qrc:///assets/plugins/framework/framework.min.js></script>
  <script src=qrc:///assets/js/tooltip.min.js></script>
  <script src=qrc:///assets/js/navigation.min.js></script>
  <script src=qrc:///assets/js/qrcode.min.js></script>
  <script src=qrc:///assets/plugins/pnglib/pnglib.js></script>
  <script src=qrc:///assets/plugins/identicon/identicon.js></script>
  <script src=qrc:///assets/plugins/shajs/shajs.js></script>
  <script src=qrc:///assets/js/bitcoin.min.js></script>
  <script src=qrc:///assets/js/pages/send.min.js></script>
  <script src=qrc:///assets/plugins/emojione/emojione.js></script>
  <script>$(window).resize(function() {
      $(".contact-discussion").height($(window).height() - 276),
      $("#contact-list").height($(window).height() - 80),
      $("#contact-group-list").height($(window).height() - 80),
      $("#contact-book-list").height($(window).height() - 60)
    }),
    $(window).trigger("resize")</script>
